@import './vendor/reset.scss';
@import './vendor/highlight.scss';

@import './fns_and_mixins.scss';
@import './base.scss';
@import './post_content.scss';
@import './listing_items.scss';
@import './nav.scss';
@import './projects.scss';
@import './headers.scss';
@import './git_content.scss';
@import './about.scss';

.important-footer-message {
  font-size: 1px;
}

.top-bleed {
  width: 100%;
  height: 5px;
  display: block;
  //background-image: linear-gradient(
  //  -39deg, #f87f73 0%,
  //  #f87f73 60%, #292423 60%,
  //  #292423 60%
  //);
  position: relative;
  width: 100%;

  @for $i from 1 through 10 {
    div:nth-child(#{$i}) {
      position: absolute;
      background: adjust-hue(red, $i * 40);
      width: 10%;
      height: 5px;
      display: block;
      left: ($i - 1) * 10%;
    }
  }
}

content {
  display: block;
  max-width: 640px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

